﻿		body{		
			width:100%;
			margin:0;
			padding:0;
			/* background:url("../images/bg.jpg") repeat ; */
			
		}
		
		.header{
			margin:0px;
			padding:0;
			width:100%;
			height:100px;
			padding:3px;
			background:#389C3A;
			/* background:url("../images/banner.jpg") repeat ; */
			/* background-size:100% 200px; */
			/* background:#3992d0; */
			/* border:3px solid #0bd38a; */
			/* border-radius: 0.3em; */
			/* -webkit-border-radius: 0.3em; */
			/* -moz-border-radius: 0.3em; */
		}
		.header .header_icon{
			margin-left:40px;
			margin-bottom:4px;
		}
		
		/* 导航条 */
		.top_menu{
			width:100%;
			margin:0 auto;
			background:black;
			height:50px;
			padding-left:20%;
		}
		.top_menu ul{
			list-style-type:none;
			margin:0px;
			margin-left:20%;
			padding:0px;
			
			width:100%;
			height:50px;
			display:inline; /*让块级标签变成行级标签,然后再用text-align:center;才能无序列表标签居中display:inline; /*让块级标签变成行级标签,然后再用text-align:center;才能无序列表标签居中*/
			line-height:50px;
		}
		
		.top_menu ul li{
				text-align:center;
				font-family:"楷体"; 
				font-size:23px;
				font-weight:bold;
				background:#389C3A;
				margin:2px 5px;
				height:45px;
				display:block;
				float:left;
				border-radius: 0.3em;
				-webkit-border-radius: 0.3em;
				-moz-border-radius: 0.3em;
			}
			
		.top_menu ul li a{
					margin:0 ;
					padding:20px;
					text-decoration:none;
					display:inline-block;/*将<a>标签变成块级标签,并排列在一行*/
					padding:0 20px;/*内边距填充*/
					/*margin:0 20px;外边距:上下 右左*/
					color:white;
					
				}
		.top_menu ul li a:hover{
					color:black;/*暗色*/
					background:white;
					border-radius: 0.3em;
					-webkit-border-radius: 0.3em;
					-moz-border-radius: 0.3em;
				}
		/* 导航条 */		
		
		.container{
			
			margin:0px;
			
			padding:0px;
			/*  */
			/* padding-left:0px; */
			width:100%;
			height:620px;
			/* background:#CEDEF2; */
			border:solid 5px red;
			border-image:url("../images/border.png") 10 10 round;
			/* border-radius: 0.8em; */
			/* -webkit-border-radius: 0.8em; */
			/* -moz-border-radius: 0.8em; */
		}
		.left_menu{

			margin:0px;
			padding:0px 0px 0px 0px;
			padding-top:0px;
			width:15%;
			height:100%;
			float:left;
			background:#389C3A;
			text-align:center;
			color:white;
			/* border-image-source:url("../images/bg.jpg"); */
			/* border-image-slice:0 10% 0 0; */
			/* border-image-width:0.05rem; */
			/* border-image-repeat:repeat; */
			border-right:10px solid red;
			/* border-radius: 1em; */
			/* -webkit-border-radius: 1em; */
			/* -moz-border-radius: 1em; */
			
		}
		
		.left_menu .left_menu_header{
			width:90%;
			margin:0 auto;
			height:40px;
			/* background:url("../images/border.png") repeat ; */
			background:#ABCDEF;
			/* background:gray; */
			text-align:center;
			font-family:楷体;
			font-size:26px;
			font-weight:bold;
			color:white;
			border-radius: 0.5em;
			-webkit-border-radius: 0.5em;
			-moz-border-radius: 0.5em;
			/* border:10px solid gold; */
			/* border-left:10px solid gold; */
			/* border-right:10px solid gold; */
		}
		.content{
			/* margin-left:17%; */
			width:82%;
			float:left;
			height:100%;
			/* position:absolute; */
			/* top:135px; */
			background:white;
			/* border-radius: 1em; */
			/* -webkit-border-radius: 1em; */
			/* -moz-border-radius: 1em; */
		}
		.left_menu ul{
			padding: 0;
			margin: 0;
			list-style: none;
		}
		li{
			cursor:pointer;
		}
		.left_menu ul li{
			list-style:none;
			padding-left:40px;
			padding-right:10px;
			background-repeat:no-repeat;
			background-position:10px center;
			/* color:#f5f5f5; */
			color:white;
			font-size:18px;
			font-weight:bold;
			position:relative;
			line-height:60px;
			/* cursor:pointer; */
		}
		.left_menu ul li a{
			text-decoration:none;
			color:#f5f5f5;
			font-size:14px;
			font-weight:bold;
		}
		.left_menu ul li ul{
			display:none;
			
		}
		.left_menu ul li:hover ul{
			display:block;
			
		}
		.left_menu ul li:hover ul li{
				display:block;
				line-height:30px;
				color:white;
				font-size:14px;
				font-weight:normal;
				
		}
		.left_menu li img{
			position: absolute;
			left: 30px;
			top: 20px;
			width:30px;
			height:30px;
		}
		.left_menu a:hover{
			
			color:black;
		}
	
		
		
		